<script setup lang="ts">
/**
 * @name ReportInformation
 * @description 能源品种配置
 */
import { tabOptions } from './'

const selectTab = ref('0')
// #endregion
// ------------------reactive------
// #region

// #endregion
// ------------------computed------
// #region

// #endregion
// ------------------生命周期------------------
// #region

// #endregion
// ------------------内置方法---------------------
// #region

// #endregion
// ------------------方法---------------------
// #region

// #endregion
</script>

<template>
  <div class="padding-sm flex container">
    <el-tabs
      v-model="selectTab"
      tab-position="left"
      class="height-fill flex-incompressible"
    >
      <el-tab-pane
        v-for="item in tabOptions"
        :key="item.key"
        :label="item.label"
        :disabled="item.disabled"
      />
    </el-tabs>
    <component
      :is="tabOptions[+selectTab]?.render"
      class="flex-fillRemaining overflow height-fill"
    />
  </div>
</template>

<style lang="scss" scoped>
//------------------组件样式------------------
//-------------样式穿透-------------
</style>
